{% extends "app/layout.html" %}
{% block head %}
    {{ block.super }}
    {% load staticfiles %}

    <!-- start: CSS -->
    <link id="bootstrap-style" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">

    <link href="{% static 'plugins/bootstrap/css/bootstrap-responsive.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/dashboard/style.css' %}" rel="stylesheet">
    <link href="{% static 'css/dashboard/style-responsive.css' %}" rel="stylesheet">

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext'
          rel='stylesheet' type='text/css'>
    <link href="{% static 'css/dashboard/style.css' %}" rel="stylesheet">
    <!-- end: CSS -->

{% endblock %}
{% block title %} 首页 {% endblock %}




{% block page_nav %}
{% endblock %}

{% block page_title %}

{% endblock %}
{% block page_body %}
    <!-- start: Content -->
    <div id="content" class="span10">


        <ul class="breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="index.html">Home</a>
                <i class="icon-angle-right"></i>
            </li>
            <li><a href="#">Dashboard</a></li>
        </ul>

        <div class="row-fluid">

            <div class="span3 statbox purple" onTablet="span6" onDesktop="span3">
                <div class="boxchart">5,6,7,2,0,4,2,4,8,2,3,3,2</div>
                <div class="number">854<i class="icon-arrow-up"></i></div>
                <div class="title">visits</div>
                <div class="footer">
                    <a href="#"> read full report</a>
                </div>
            </div>
            <div class="span3 statbox green" onTablet="span6" onDesktop="span3">
                <div class="boxchart">1,2,6,4,0,8,2,4,5,3,1,7,5</div>
                <div class="number">123<i class="icon-arrow-up"></i></div>
                <div class="title">sales</div>
                <div class="footer">
                    <a href="#"> read full report</a>
                </div>
            </div>
            <div class="span3 statbox blue noMargin" onTablet="span6" onDesktop="span3">
                <div class="boxchart">5,6,7,2,0,-4,-2,4,8,2,3,3,2</div>
                <div class="number">982<i class="icon-arrow-up"></i></div>
                <div class="title">orders</div>
                <div class="footer">
                    <a href="#"> read full report</a>
                </div>
            </div>
            <div class="span3 statbox yellow" onTablet="span6" onDesktop="span3">
                <div class="boxchart">7,2,2,2,1,-4,-2,4,8,,0,3,3,5</div>
                <div class="number">678<i class="icon-arrow-down"></i></div>
                <div class="title">visits</div>
                <div class="footer">
                    <a href="#"> read full report</a>
                </div>
            </div>

        </div>

    </div><!--/.fluid-container-->
{% endblock %}



<script src="{% static 'js/dashboard/jquery-ui-1.10.0.custom.min.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.ui.touch-punch.js' %}"></script>

<script src="{% static 'js/dashboard/modernizr.js' %}"></script>


<script src="{% static 'js/dashboard/jquery.cookie.js' %}"></script>

<script src="{% static 'js/dashboard/fullcalendar.min.js' %}"></script>

<script src="{% static 'js/dashboard/excanvas.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.flot.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.flot.stack.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.flot.resize.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.chosen.min.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.uniform.min.js' %}"></script>

<script src="{% static 'js/dashboard/jquery.cleditor.min.js' %}"></script>

<script src="{% static 'js/dashboard/jquery.noty.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.elfinder.min.js' %}"></script>
<script src="{% static 'js/dashboard/jquery.raty.min.js' %}"></script>
